
.jx-view-top{
    background: #151414;
    width: 100%;
    height: 60px;
}
.jx-view-top-tit{
    width: 1024px;
    margin: auto;
    color: #e5e5e5;
    font-size: 16px;
    line-height: 60px;
}
.jx-view-top-tit1{
    color: #e5e5e5;
    font-size: 18px;
    padding-right: 20px;
}
.jx-view-top-tit2{
    color: #e5e5e5;
    font-size: 12px;
    padding-left: 20px;
}
.jx-view-videobg{
    width: 100%;
    background: #000;
    position: relative;
}
.jx-view-video{
    height: 576px;
    width: 1024px;
    margin: auto;
}

/*实验内容*/
.jx-view-cela{
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 410px;
    z-index: 999;
}
.jx-view-celal{
    float: left;
    overflow: hidden;
    position: relative;
}
.jx-view-celar{
    float: left;
    overflow: hidden;
    position: relative;
}
.zhangjie{
    width: 50px;
    height: 60px;
    background:url(../image/zhangjie.png) no-repeat #1c1b1a;
    margin-top: 179px;
    overflow: hidden;
}
.biji{
    width: 50px;
    height: 60px;
    background:url(../image/biji.png) no-repeat #1c1b1a;
    margin-top: 2px;
    overflow: hidden;
}
.tiwen{
    width: 50px;
    height: 60px;
    background:url(../image/tiwen.png) no-repeat #1c1b1a;
    margin-top: 2px;
    overflow: hidden;
}
.zhangjie:hover{
    background:url(../image/zhangjie.png) no-repeat #fb6248;
}
.biji:hover{
    background:url(../image/biji.png) no-repeat #fb6248;
}
.tiwen:hover{
    background:url(../image/tiwen.png) no-repeat #fb6248;
}
.vhover{
    background-color:#fb6248;
}
.zhangjiex{
    width: 360px;display: list-item;
    background: #1c1b1b;
    height: 576px;overflow:auto;
}
.bijix{
    width: 360px;
    display: none;
    background: #1c1b1b;
    height: 576px;
}
.tiwenx{
    width: 360px;
    display: none;
    background: #1c1b1b;
    height: 576px;
}
.zhangjiex::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.zhangjiex::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #494949;
}
.zhangjiex::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    background: #1c1b1b;
}
.bijix::-webkit-scrollbar {
    width: 6px;     
    height: 1px;
}
.bijix::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #494949;
}
.bijix::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    background: #1c1b1b;
}
.tiwenx::-webkit-scrollbar {
    width: 6px;    
    height: 1px;
}
.tiwenx::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #494949;
}
.tiwenx::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    background: #1c1b1b;
}
.jx-video-celan-li1{
    color: #e4e0dd;
    font-size: 16px;
    padding-left: 25px;
    padding-top: 30px;
    margin-bottom: 20px;
}
.jx-video-celan-li2{
    color: #999;
    margin-bottom: 20px;
    padding-left: 25px;
}
.jx-video-celan-li3{
    color: #999;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 25px;
    padding-left: 15px;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/video1.png);
    position: relative;
}
.jx-video-celan-li3:hover{
    color: #ffb535;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/video1h.png);
}
.video2{
    position: absolute;
    right: 20px;
    font-style: normal;
}
.jx-video-celan-li4{
    color: #999;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 25px;
}
.jx-video-celan-time{
    color: #999;
    font-size: 12px;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/video3.png);
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    position: relative;
}
.jx-video-celan-time:hover{
    color: #ffb535;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/video3h.png);
}
.jx-video-celan-timeico{
    position: absolute;
    top: 0px;
    right: 20px;
    display: none;
}
.jx-video-celan-timeico i{
    padding-left: 15px;
    cursor: pointer;
}
.jx-video-celan-li4:hover .jx-video-celan-timeico{
    display: block;
}
.jx-video-celan-tit{
    color: #999;
    font-size: 12px;
    padding-left: 30px;
    padding-right: 12px;
}
.jx-video-celan-box{
    width: 300px;
    margin: auto;
}
.celan-ta{
    height: 330px;
    width: 100%;
    color: #999;
    background: #333333;
    padding: 10px 0 0 10px;
}
.jx-video-celan-li5{
    color: #999;
    font-size: 12px;
    margin-bottom: 20px;
}
.videobut{
    width: 70px;
    height: 30px;
    line-height: 30px;
    background: #999;
    color: #fff;
    cursor: pointer;
}
.videobut1{
    width: 70px;
    height: 30px;
    line-height: 30px;
    background: #fb6248;
    color: #fff;
    cursor: pointer;
}
.jx-video-post{
    float: right;
    padding-right: 20px;
    padding-top: 15px;
}
.jx-video-main{
    width: 1024px;
    margin: auto;
}
.jx-video-main-tit{
    border: 1px #e5e5e5 solid;
    background: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    padding-left: 30px; 
}
.jx-video-main-switch{
    height: 50px;
    line-height: 50px;
    background: #FFF;
    border-left: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
}
.jx-video-main-switch li{
    float: left;
    margin-left: 30px;
    cursor: pointer;
}
.jx-video-main-switch li:hover,.switchhover{
    border-bottom: 2px solid #fb6248; 
    color: #fb6248;
}
.jx-video-qaa{
    margin-top: 10px;
    padding-bottom: 20px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    overflow: hidden;
}
.jx-video-qaa-user img{
    width: 24px;
    border-radius: 12px;
}
.jx-video-qaa-user{
    float: left;
    height: 50px;
}
.jx-video-qaa-date{
    float: left;
    padding-left: 10px;
    height: 50px;
    overflow: hidden;
}
.jx-video-qaa-operation{
    float: right;
    height: 50px;
    overflow: hidden;
}
.jx-video-qaa-part{
    margin: 30px 30px 0 30px;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.jx-video-qaa-date1{
    height: 25px;
    line-height: 25px;
}
.jx-video-qaa-date1 a{
    font-size: 14px;
    color: #333;
}
.jx-video-qaa-date2{
    font-size: 12px;
    color: #999;
    height: 25px;
    line-height: 25px;
}
.jx-video-qaa-operation1{
    float: left;
    width: 12px;
    height: 12px;
    font-size: 12px;
    color: #999;
    margin-right: 20px;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/video4.png);
    cursor: pointer;
}
.jx-video-qaa-operation2{
    float: left;
    font-size: 12px;
    color: #999;
    width: 12px;
    height: 12px;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/video5.png);
    padding-left: 20px;
    cursor: pointer;
}
.jx-video-qaa-operation2 a{
    font-size: 12px;
    color: #999;
}
.jx-video-qaa-con{
    padding-left: 58px;
    color: #666;
    padding-top: 8px;
    width: calc( 100% - 58px);
    overflow: hidden;
}
.jx-video-qaa-part2{
    margin: 30px 30px 0 90px;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.watchnow{
    color: #ffb535;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/video1h.png);
}
.watchunopened{
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 25px;
    padding-left: 15px;
    position: relative;
    color: #474747;
    background-position: 0 50%; 
    background-repeat: no-repeat;  
    background-image: url(../image/videonull.png);
    cursor: not-allowed;
}